<template>
	<div class="shopgl-box">
		<shopglnav :msg="{disindex}" @sendindex="shouindex"></shopglnav>
		<chushou v-if="disindex==0"></chushou>
		<shouxin v-if="disindex==1"></shouxin>
		<cangku v-if="disindex==2"></cangku>
	</div>
</template>

<script>
	import shopglnav from "@/components/business-group/shopglnav"
	import chushou from "@/components/business-group/zchushou"
	import shouxin from "@/components/business-group/zshouxin"
	import cangku from "@/components/business-group/zcangku"
	export default{
		name:'shopgl',
		data () {
			return{
				disindex:0
			}
		},
		components:{chushou,shouxin,cangku,shopglnav},
		created:function(){
			
		},
		methods:{
			shouindex:function(data){
				this.disindex=data;
			}
		},
		mounted:function(){
			
		}
	}
</script>

<style>
	.shopgl-box{padding-top:0.98rem;font-size:0;}
	.shoplist-list{padding-top:0.22rem;}
	.shopgl-box .shoplist-item{background-color:#fff;padding-left:0.32rem;padding-right: 0.32rem;margin-bottom: 0.22rem;}
	.shoplist-item-con{padding-top:0.16rem;padding-bottom:0.16rem;box-sizing: border-box;overflow: hidden;position:relative;}
	.shoplist-item-con>img{width:1.8rem;height:1.8rem;float:left;margin-right: 0.24rem;}
	.shoplist-item-con>a{position:absolute;top:0;left:0;right:0;bottom:0;}
	.shoplist-item-text>h3{font-size:0.26rem;color:#2B2B2B;line-height: 0.32rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
	.shoplist-item-jiage{box-sizing: border-box;font-size:0;margin-left: 2.04rem;padding-top: 0.2rem;overflow: hidden;}
	.shoplist-item-jiage li{float:left;display:inline-block;width:50%;box-sizing: border-box;height:0.4rem;}
	.shoplist-item-jiage li:nth-child(1){color:#FF9C03;}
	.shoplist-item-jiage li:nth-child(2){color:#FF9C03;}
	.shoplist-item-jiage li>span{font-size:0.24rem;display: inline-block;line-height: 0.4rem;}
	.shoplist-item-jiage li>span:first-child{margin-right: 0.1rem;}
	.shoplist-item-jiage li>span>i{display: inline-block;width:0.24rem;}
	.shoplist-item-btn{border-top:1px solid #eee;text-align: right;padding-top: 0.32rem;padding-bottom:0.3rem;height:0.28rem;}
	.shoplist-item-btn>span{display:inline-block;width:1.32rem;font-size:0.26rem;color:#666;border-right:1px solid #d2d2d2;text-align: center;line-height: 0.28rem;}
	.shoplist-item-btn>span:last-child{border-right:0px solid #000;}
</style>